#noCompile

doctype 5
html ->
	head ->
		meta charset: "utf-8"
		title "lkytal"
		meta name: "viewport", content: "width=device-width, initial-scale=1.0"
		link rel: "stylesheet", href: "//libs.baidu.com/bootstrap/3.2.0/css/bootstrap.min.css"
		ie "lte IE 7", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie7.css"
		ie "lte IE 6", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie6.min.css"
		ie "lt IE 9", ->
			script src: "//cdn.bootcss.com/html5shiv/r29/html5.js"
			script src: "//cdn.bootcss.com/respond.js/1.4.2/respond.js"
			script src: "//cdn.bootcss.com/selectivizr/1.0.2/selectivizr-min.js"
			
		link rel: "stylesheet", href: "/css/post.css"

	body "data-spy": "scroll", "data-target": ".bs-navbar-scrollspy", ->
		nav ".navbar.navbar-default.navbar-static-top", role: "navigation", ->
			div ".container", ->
				div ".navbar-header", ->
					button ".navbar-toggle.collapsed", type: "button", "data-toggle": "collapse", "data-target": "#navbar", "aria-expanded": "false", "aria-controls": "navbar", ->
						span ".sr-only", "Toggle navigation"
						span ".icon-bar"
						span ".icon-bar"
						span ".icon-bar"
					a ".navbar-brand", href: "#", "Project name"
				div "#navbar.navbar-collapse.collapse", ->
					ul ".nav.navbar-nav", ->
						li ".active", ->
							a href: "#", "Home"
						li ->
							a href: "#about", "About"
						li ->
							a href: "#contact", "Contact"
						li ".dropdown", ->
							a ".dropdown-toggle", href: "#", "data-toggle": "dropdown", ->
								text "Dropdown "
								span ".caret"
							ul ".dropdown-menu", role: "menu", ->
								li ->
									a href: "#", "Action"
								li ->
									a href: "#", "Another action"
								li ->
									a href: "#", "Something else here"
								li ".divider"
								li ".dropdown-header", "Nav header"
								li ->
									a href: "#", "Separated link"
								li ->
									a href: "#", "One more separated link"
					ul ".nav.navbar-nav.navbar-right", ->
						li ->
							a href: "../navbar/", "Default"
						li ".active", ->
							a href: "./", "Static top"
						li ->
							a href: "../navbar-fixed-top/", "Fixed top"

		div "#eachblog.container.eachblog.javascript", ->
			div ".row.blog-wrapper", ->
				div ".tree-select", ->
					div ".blog-head", ->
						h1 "冒个泡"
						div ".row.time-and-comment", ->
							span ".time", "2014-8-8 1:6"
							span ".ds-thread-count.pull-right", "data-thread-key": "53e3b21c9d7ed3b707ac9b55", "data-count-type": "comments"
					comment ".blog-treeul#tree.list-unstyled.ztree"
					div ".blog-content.blogcontent", ->
						blockquote ->
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
							p "For testing "
						p "links"

		div ".footer", ->
			div ".container-fluid", ->
				div ".container", ->
					div ".row", ->
						div ".col-md-12", ->
							ul ".list-inline", ->
								li ->
									text "Power By &nbsp;"
									a href: "http://nodejs.org/", "Node.js"
								li ->
									text "Sprit By &nbsp;"
									a href: "https://github.com", "Github"
								li ->
									text "2014, &nbsp;code By &nbsp;"
									a href: "http://lkytal.github.io/", "lkytal"
									
		a "#scrollUp", style: "position: fixed; z-index: 2147483647;", title: "Top", href: "javascript:void()", "Top"
		script src: "//libs.baidu.com/jquery/1.9.0/jquery.min.js"
		script """
			$('#scrollUp').on('click', function(e) {
				$('body,html').animate( { scrollTop: 0 }, 400);
			})
			"""
		